// vant组件库样式自定义
// 弹窗
.custom-van-pop {
  .pop-vertical-flex {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .pop-content {
      flex: 1;
      margin-top: 80px;
      overflow-y: auto;
      padding: 0 20px 0;
      .van-checkbox-group,
      .van-radio-group {
        display: flex;
        height: auto;
        flex-wrap: wrap;
      }
      .van-checkbox,
      .van-radio {
        min-width: 70px;
        margin: 0 8px 8px 0;
        .van-checkbox__icon,
        .van-radio__icon {
          display: none;
        }
        .van-checkbox__label,
        .van-radio__label {
          border: 1px solid rgba(233, 233, 233, 1);
          min-height: 30px;
          line-height: 28px;
          padding: 0 10px;
          border-radius: 5px;
          min-width: 70px;
          //text-align: center;
          display: flex;
          justify-content: center;
          margin-left: 0;
          font-size: 14px;
        }
        .van-checkbox__icon.van-checkbox__icon--checked + .van-checkbox__label,
        .van-radio__icon.van-radio__icon--checked + .van-radio__label {
          border-color: #1989fa;
          background-color: #1989fa;
          color: #fff;
        }
      }
    }
    .pop-bottom {
      border-top: 1px solid rgba(233, 233, 233, 1);
      flex-shrink: 0;
      padding: 30px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      .van-button {
        width: 40%;
        &:first-child {
          border-radius: 50px 0 0 50px;
        }
        &:last-child {
          border-radius: 0 50px 50px 0;
        }
      }
    }
  }
}
// 选择器
.van-picker {
  .van-picker__columns {
    .van-picker-column {
      .van-picker-column__wrapper {
        .van-picker-column__item--selected {
          color: #0089ff;
          font-weight: bold;
        }
      }
    }
  }
  &.isYear {
    .van-picker__columns {
      .van-picker-column:nth-child(2) {
        display: none;
      }
    }
  }
}
// 提示
.van-toast {
  max-width: 50%;
  width: auto;
  max-height: 30vh;
  min-width: 88px;
  .van-toast__text {
    max-height: 30vh;
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 0 !important;
      height: 0 !important;
    }
  }
}
// 折叠面板
.van-collapse {
  .van-collapse-item {
    .van-icon {
      color: #3F81FF;
    }
    .van-collapse-item__title {
      padding: 7px 16px;
      color: black;
      background-color: #ecedf0;
      &::after {
        display: none;
      }
      .van-cell__right-icon{
        color: black;
      }
    }
    .van-collapse-item__wrapper {
      border: 1px solid #ebedf0;
      border-top: 0;
      .van-collapse-item__content{
        ul{
          li{
            display: flex;
            margin: 5px 0;
            .label{
              white-space: nowrap;
              flex-shrink: 0;
            }
            .value{
              color: #333;
              font-weight: bold;
            }
          }
        }
        .video_area{
          width: 100%;
          min-height: 220px;
          .error{
            position: absolute;
            left: 10px;
            top: 10px;
            background-color: #e4ba1f;
            color: #fff;
            padding:0 10px;
            border-radius: 3px;
            border: 1px solid #fff;
            font-size: 14px;
            z-index: 999;
          }
          .onLine{
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
            padding:0 10px;
            border-radius: 3px;
            border: 1px solid #fff;
            font-size: 14px;
            z-index: 999;
          }
          .status{
            position: absolute;
            left: 10px;
            bottom: 20px;
            background-color: #ff4d4e;
            color: #fff;
            padding:0 10px;
            border-radius: 3px;
            border: 1px solid #fff;
            font-size: 14px;
            z-index: 999;
          }
        }
      }
      &::after {
        display: none;
      }
    }
    &::after {
      display: none;
    }
  }
  &::after {
    display: none;
  }
}
.van-dialog{
  .van-button{
    margin: 5px 0;
  }
}

.van-collapse-setStyle{
  .common_list .list_item .content_area .right_content ul li{
    color: #212529;
    margin-left: 12px;
    display: flex;
    // align-items: center;
  }
  .van-collapse .van-collapse-item{
    margin-bottom: 10px;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .van-collapse .van-collapse-item .van-collapse-item__wrapper .van-collapse-item__content{
    padding: 0;
    .common_list{
      padding-top: 0;
    }
  }
  .van-collapse .van-collapse-item .van-collapse-item__wrapper .van-collapse-item__content ul li .value{
    font-weight: normal;
  }
  .van-collapse .van-collapse-item .van-collapse-item__title{
    background-color: #409efe;
    border-radius: 5px;
    //margin-bottom: 10px;
  }
  .common_list .list_item .content_area .right_content .content_title{
    background-color: #ebf0f6;
    padding: 12px;
    border-radius: 5px;
    margin-top: 10px;
  }
}


.legend-self-list{
  overflow-x: scroll;
  white-space: nowrap;
  min-height: 40px;
  text-align: center;
  &::-webkit-scrollbar{
    height: 4px;
  }
  .legend-self-item{
    display: inline-block;
    text-align: center;
    //margin-bottom: 10px;
    margin-right: 20px;
    //width: calc(var(--height) / var(--legendNum) - 20px);

    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    &:last-child{
      margin-right: 0;
    }
    .roundRect{
      width: 50px;
      height: 28px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 6px;
      background-color: var(--legendColor);
      margin-right: 6px;
    }
    .circle{
      width: 25px;
      height: 25px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 30px;
      background-color: var(--legendColor);
      margin-right: 6px;
    }
    .none{
      display: none;
    }
    .name{
      vertical-align: middle;
      font-size: 24px;
    }
  }
}
